// import React, { useContext, useReducer, createContext } from 'react'
// const context = createContext()

// const reducer = (state, action) => {
//     switch(action.type){
//         case "CHANGE_NAME":
//             state.name = action.name
//             return {...state}
//     }
// }

// const initState = {
//     name: "张三",
//     age: 30
// }

// function Home() {
//     const [state, dispatch] = useReducer(reducer, initState)
//     return (
//         <div>
//             Home -- { state.name }
//             <context.Provider value={{
//                 state,
//                 dispatch
//             }}>
//                 <Son/>
//             </context.Provider>
//         </div>
//     )
// }

// function Son() {
//     const { state, dispatch } = useContext(context)
//     return (
//         <div>
//             Son --- { state.name }
//             <button onClick = {() => {
//                 dispatch({ type: "CHANGE_NAME", name: "王五" })
//             }}>该名称</button>
//         </div>
//     )
// }


// export default Home
